<template>
    <div>
        <!-- 一级导航 -->
        <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
            <el-menu-item index="home">首页</el-menu-item>
            <el-menu-item index="news">新闻</el-menu-item>
            <el-menu-item index="product">产品</el-menu-item>
            <el-menu-item index="about">联系</el-menu-item>
        </el-menu>
    </div>
</template>
<script>
export default {
    data(){
        return {
            activeIndex: 'home',
        }
    },
    methods:{
        handleSelect( key) {
            this.$emit('switchShow',key);
        }
    }
}
</script>